.grid {
    margin: 10px;
    border: 1px #CCC solid;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.gridTop {
    /*background-color: #DDEEFF;*/
    background-color: #F2F2F2;
    height: 30px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 1px #CCC solid;
}

.gridTitle {
    float: left;
    width: 50%;
    padding: 3px 0 0 10px;
    font-weight: 600;
    font-size: 11pt;
}

.gridCnt {
    float: right;
    width: 40%;
    font-family: Verdana;
    padding: 7px 10px 0 0;
    font-size: 11px;
    text-align: right;
}

.gridHeader {
    display: inline-block; 
    background: linear-gradient( to bottom, #FFF, #F2F2F2 );
    color: #555;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    height:22px;
    border-right:1px #CCC inset;
    border-bottom:1px #CCC inset;
}

.gridHeaderFix {
    display: inline-block;
    background: linear-gradient( to bottom, #F9F9F9, #F2F2F2 );
    color: #555;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    height:22px;
    border-right:1px #CCC inset;
    border-bottom:1px #CCC inset;
}

.gridHeaderFixLeft {
    display: inline-block;
    background: linear-gradient( to bottom, #F9F9F9, #F2F2F2 );
    color: #555;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    height:22px;
    border-right:1px #CCC inset;
    border-bottom:1px #CCC inset;
}

.gridBody {
    display: inline-block; 
    font-size: 12px;
    height:20px;
    color: #333;
    text-align:center;
    /*border-right:1px #A6C9E2 solid;*/
    /*border-bottom:1px #A6C9E2 solid;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    border-right:1px #CCC solid;
    border-bottom:1px #CCC solid;
    white-space:nowrap;
}

.gridBody p {
    padding: 0 3px 0 3px;
}

.gridBodyFix {
    display: inline-block;
    font-size: 12px;
    height:20px;
    color: #333;
    text-align:center;
    border-right:1px #CCC solid;
    border-bottom:1px #CCC solid;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    white-space:nowrap;
}

.gridBodyFixLeft {
    display: inline-block;
    font-size: 12px;
    height:20px;
    color: #333;
    text-align:center;
    background: linear-gradient( to bottom, #F9F9F9, #F2F2F2 );
    border-right:1px #CCC inset;
    border-bottom:1px #CCC inset;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    white-space:nowrap;
}

.gridBodyFix p {
    padding: 0 3px 0 3px;
}
